<template>
    <C :a="a" :b="b" :name="name" :obj="obj" :change-man="changeMan">
        {{ student.name }}
    </C>
</template>

<script setup lang="ts">
import C from './C.vue'
import { ref, reactive } from 'vue'
const a = ref(1)
const b = ref(2)
const name = ref('jack')

const obj = reactive({
    man: {
        name: 'John',
        age: 20,
        gender: 'Male'
    }
})
const changeMan = (val) => {
    obj.man.name = val
}
</script>

<style scoped></style>